<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="../commn/base.css" />
		<link rel="stylesheet" type="text/css" href="../css/weui.min.css" />
		<link rel="stylesheet" type="text/css" href="../css/jquery-weui.min.css" />
		<link rel="stylesheet" type="text/css" href="../Hui-iconfont/1.0.8/iconfont.css" />
		<style type="text/css">
			body {
				display: -webkit-box;
				-webkit-box-orient: vertical;
				width: 100%;
			}
			
			.index {
				min-width: 240px;
			}
			.top {
				position: fixed;
				display: -webkit-box;
				width: 100%;
				height: 40px;
				font-size: 18px;
				color: white;
				text-indent: 1em;
				font-weight: bold;
				line-height: 40px;
				background-color: #0F88EB;
			}
			.home_content{
				min-width: 240px;
				max-width: 640px;
				margin: 45px auto 55px auto;
			}
			.weui-tabbar {
				height: 50px;
				position: fixed;
			}
			.friends{
				display: -webkit-box;
				height: 70px;
				border: 1px solid #EEEEEE;
			}
			.friends_photo{
				width: 50px;
				height: 50px;
				border-radius: 40px;
				margin: 10px;
				border: 1px solid #EEEEEE;
				overflow: hidden;
			}
			.friends_photo img{
				width: 50px;
				height: 50px;
			}
			.friends_name{
				-webkit-box-flex: 1;
				line-height: 30px;
				font-size:16px;
				/*border: 1px solid;*/
				font-weight: bold;
			}
			.friends_message{
				font-weight: normal;
				font-size: 14px;
				color:   #9B9B9B;
				/*border: 1px solid;*/
			}
			.friends_message span{
				float: right;
				padding-right: 10px;
			}
			.what{
				background-color: white;
				position: fixed;
				color: #0F88EB;
				right: 5%;
				bottom: 15%;
				width: 50px;	
				height: 50px;
				line-height: 50px;
				text-align: center;
				border-radius:40px ;
				border: 5px solid;
				font-size: 30px;
			}
		</style>
	</head>

	<body>
		<div class="index">
			<div class="top">
				私信
			</div>
			<div class="home_content">
				<div class="friends">
					<div class="friends_photo">
						<img src="../common/img/1.jpg"/>
					</div>
					<div class="friends_name" onclick="window.location.href='message_jm.html'" style="cursor: pointer;">
						<p>昵称</p>
						<p class="friends_message">
						你好！
						<span>11:00</span>
						</p>
					</div>
					
				</div>
				<!--添加好友按钮-->
				<a href="../zhihu_addfriends/addfriends.html">
				<div class="what Hui-iconfont Hui-iconfont-add">
					
				</div>
				</a>
			</div>
			<div class="weui-tabbar">
				<a href="../zhihu_home/home.html" class="weui-tabbar__item weui-bar__item--on">
					<!--<span class="weui-badge" style="position: absolute;top: -.4em;right: 1em;">8</span>-->
					<div class="weui-tabbar__icon .Hui-iconfont-canshu">
						<i class="Hui-iconfont Hui-iconfont-canshu" ></i>
					</div>
				</a>
				<a href="../zhihu_discovery/discovery.html" class="weui-tabbar__item">
					<div class="weui-tabbar__icon ">
						<i class="Hui-iconfont Hui-iconfont-yanjing"></i>
					</div>
				</a>
				<a href="message_home.html" class="weui-tabbar__item">
					<div class="weui-tabbar__icon">
						<i class="Hui-iconfont Hui-iconfont-xiaoxi1" style="color: #0766C6;"></i>
					</div>
				</a>
				<a href="../zhihu_more/more.html" class="weui-tabbar__item">
					<div class="weui-tabbar__icon">
						<i class="Hui-iconfont Hui-iconfont-menu"></i>
					</div>
				</a>
			</div>
		</div>
	</body>

</html>